@charset "utf-8";

#ctt {font-size:13px;line-height:160%}

#ctt .row{overflow:hidden;margin-left:-15px;margin-right:-15px;}
#ctt .col-lg-3,#ctt .col-lg-12,#ctt .col-md-4,#ctt .col-md-8{float:left;padding-left:15px;padding-right:15px;}
#ctt .col-lg-12{float:none;}
#ctt .col-lg-3{width:25%;}
#ctt .col-md-4{width:33.3%}
#ctt .col-md-8{width:66.6%}

@media screen and (max-width:768px){
	#ctt .col-lg-3{width:50%;}
	#ctt .col-md-4{width:40%}
	#ctt .col-md-8{width:60%}
}
@media only screen and (min-width:320px) and (max-width:767px){
	#ctt .col-lg-3{width:50%;}
	#ctt .col-md-4{float:none;width:auto;margin-bottom:30px;}
	#ctt .col-md-8{float:none;width:auto}
	
}
#ctt h1,#ctt h2,#ctt h3,#ctt h4,#ctt h5,#ctt h6{font-weight:500;}
#ctt h1{font-size:36px}
#ctt h2{font-size:30px}
#ctt h3{font-size:24px}
#ctt h4{font-size:18px}
#ctt h5{font-size:14px}
#ctt h6{font-size:12px}
/* ===== Img Style ====== */
.img-box {position: relative;overflow: hidden;display: block;}
.img-box img{max-width:100%}

#ctt .contxt,#ctt .text,#ctt p{font-size:13.5px;line-height:175%}

.analysis-list li {margin:5px 0px;font-size:1.05em;}
.analysis-list li span {margin-right:5px;}

/* ===== Heading title ====== */
.text-heading {width:100%;position:relative;margin:30px 0;}
.text-heading:before {content:'';height:1px;width:100%;background-color:rgba(145,145,145,.5);position:absolute;top:12px;}
.text-heading:after,.text-heading h3:after {content:'';width:7px;height:7px;border-radius:50%;background:#FFF;border:1px solid rgba(0,0,0,0.1);top:9px;right:0;left:auto;position:absolute;} 
.text-heading h3 {position:relative;display:inline-block;padding:0 20px 0 0;font-size:20px;font-weight:300; background:#fff;}
.text-heading span {max-width:50%;margin:20px auto;} 

.text-heading.none:before,.text-heading.none:after,.text-heading.none h3:after{display:none;}
/* Line */
.text-heading.line {margin:30px 0;}
.text-heading.line h3,.text-heading.line h3:after {background:none;border:none; padding-right:0}
.text-heading.line:before {top:130%;bottom:0;}
.text-heading.line:after {border:none;border-radius:0;width:50px;height:1px;left:0;right:auto;top:130%;bottom:0;}
/* Pattern */
.text-heading.pattern {margin-bottom:20px;}
.text-heading.pattern h3{background:#fff}
.text-heading.pattern h3:after,.text-heading.pattern:after {background:none;border:none;}
.text-heading.pattern:before {top:9px;height:6px;background:transparent url(http://img.webis.co.kr/sir/placeholder/img/title-pattern.png);}
/* Bold */
.text-heading.bold h1 {text-transform:uppercase;font-weight:700;line-height:40px;font-size:30px;letter-spacing:2px;}
.text-heading.bold h3{font-weight:700;}
.text-heading.bold.large-head:before {top:60px;} 
.text-heading.bold.large-head2:before {top:75px;}
.text-heading.bold.large-head:after {top:59px;} 

/* Socials*/

#ctt .socials.al-center {text-align:center;}
#ctt .socials.al-right {text-align:right;}  
#ctt .socials a {color:#7d7d7d;border:1px solid rgba(0,0,0,0.1);background:#f9f9f9;display:inline-block;width:30px;height:30px;line-height:29px;text-align:center;border-radius:3px;position:relative;font-size:14px;transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s;margin-left:3px;}
#ctt .socials a:first-child{margin-left:0}
#ctt .socials a:hover {color:#fff !important;border-width:0;padding:1px}
#ctt .socials a.facebook:hover {background:#6078aa;}
#ctt .socials a.twitter:hover {background:#00abf0;}
#ctt .socials a.gplus:hover {background:#d95232;} 
#ctt .socials a.linkedin:hover {background:#0073b2;} 
#ctt .socials a.instagram:hover {background:#474135;}
#ctt .socials a.skype:hover {background:#03a8e9;}
#ctt .socials a.pinterest:hover {background:#db2828;}
#ctt .socials a.github:hover {background:#3d3d3d;} 
#ctt .socials a.foursquare:hover {background:#35c6ff;} 
#ctt .socials a.dribbble:hover {background:#fa77b4;} 
#ctt .socials a.youtube:hover {background:#db2828;}
#ctt .socials a.rss:hover {background:#ff9000;}   

#ctt .socials a:hover span {opacity:1;  bottom:40px;}
#ctt .socials a span{ width:70px;  height:auto;  line-height:20px;  padding:3px 6px;  left:50%;  margin-left:-35px;  font-size:11px;  text-align:center;  background:rgba(0,0,0,0.7);  text-indent:0px;  border-radius:3px;  position:absolute;  pointer-events:none;  bottom:10px;  opacity:0;z-index:999;  transition:all 0.3s ease-in-out;}
#ctt .socials a span:after{ content:'';  position:absolute;  bottom:-10px;  left:50%;  margin-left:-4px;  width:0;  height:0;  border-left:5px solid transparent;  border-right:5px solid transparent;  border-top:5px solid rgba(0,0,0,0.1);}
#ctt .socials a span:after{ bottom:-5px;  margin-left:-5px;  border-top:5px solid rgba(0,0,0,0.7);} 
/*Large icon*/
#ctt .socials.large-icon a {width:50px;height:50px;font-size:20px;line-height:45px;}
#ctt .socials.large-icon a:hover span {bottom:60px;}
/*Dark icon*/
#ctt .socials.dark-icon a {background-color:#3d3d3d;border-color:#1d1d1d;color:#FFF;}
/*Circle icon*/
#ctt .socials.circle-icon a {border-radius:50%;}
/*Border group*/
#ctt .socials.border-group {border:2px solid #f1f1f1;border-radius:5px;display:inline-block;padding:10px;box-sizing:border-box;}  
/*Colors icon*/
#ctt .socials.colors-icon a {color:#FFF;border:0;padding:1px}
#ctt .socials.colors-icon a.facebook {background:#6078aa;}
#ctt .socials.colors-icon a.twitter {background:#00abf0;}
#ctt .socials.colors-icon a.gplus {background:#d95232;} 
#ctt .socials.colors-icon a.linkedin {background:#0073b2;} 
#ctt .socials.colors-icon a.instagram {background:#474135;}
#ctt .socials.colors-icon a.skype {background:#03a8e9;}
#ctt .socials.colors-icon a.pinterest {background:#db2828;}
#ctt .socials.colors-icon a.github {background:#3d3d3d;} 
#ctt .socials.colors-icon a.foursquare {background:#35c6ff;} 
#ctt .socials.colors-icon a.dribbble {background:#fa77b4;} 
#ctt .socials.colors-icon a.youtube {background:#db2828;} 
#ctt .socials.colors-icon a.rss {background:#ff9000;} 
#ctt .socials.colors-icon a:hover {background:#3d3d3d;} 

/*===== Team member =====*/
.team-member {width:100%;display:block;margin:20px 0;}
.team-member .avatar {position:relative;height:auto;border-radius:5%;overflow:hidden;text-align:center;float:left;}
.team-member .avatar.ciclre {border-radius:50%;} 
.team-member .avatar .mask {position:absolute;width:100%;height:100%;background:rgba(0,0,0,0);transition:all ease-in-out .3s;-moz-transition:all ease-in-out .3s;-ms-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s;-webkit-transition:all ease-in-out .3s;} 
.team-member .avatar img {float:left;width:100%; height:auto;}
.team-member .avatar .socials {bottom:-100%;display:block;text-align:center;position:absolute;width:100%;transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;-moz-transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;-ms-transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;-o-transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;-webkit-transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;}
.team-member .avatar .zoom {width:40px;height:40px;display:inline-block;color:#FFF;font-size:16px;background-color:rgba(0, 0, 0,.2);border:1px solid rgba(255, 255, 255,.2);border-radius:1px;line-height:40px;text-align:center;position:absolute;top:-20%;left:50%;margin:-20px 0 0 -20px;transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;-moz-transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;-ms-transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;-o-transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;-webkit-transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;}
.team-member .avatar .zoom:hover {background:rgba(0,0,0,.7);color:#fff;}
.team-member .avatar:hover .zoom {top:50%;} 
.team-member .avatar:hover .mask {background:rgba(255,255,255,.3);}
.team-member .avatar:hover .socials {bottom:10%;}
.team-member .info {width:70%;float:left;padding-left:20px;}
.team-member .info h3 {margin-bottom:5px;display:block; line-height:120%}
.team-member .info span.job-desc {display:block;width:100%;border-bottom:1px dotted #e4e4e4;margin-bottom:10px;padding:5px 0 10px 0;font-weight:500;text-transform:uppercase;}
.team-member .info p.desc {width:100%;display:block;margin-bottom:20px;}
.team-member.vertical .avatar,.team-member.vertical .info {width:100%;padding:0;margin-bottom:20px;}
.team-member .mini-progress {margin-top:20px;}
.team-grid {display:block;width:100%;margin:30px 0;display:table-cell;} 
.team-grid li {width:49%;float:left;padding:20px 0;border-left:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;display:table-column} 
.team-grid li:nth-child(2n+1),.team-grid li:first-child {border-left:0;text-align:right;}
.team-grid li:last-child ,.team-grid li:nth-last-child(2) {border-bottom:0;}

/* Progress bar */
@-webkit-keyframes progress-bar-stripes{
	from{background-position:40px 0}
	to{background-position:0 0}
}

@-o-keyframes progress-bar-stripes{
	from{background-position:40px 0}
	to{background-position:0 0}
}

@keyframes progress-bar-stripes{
	from{background-position:40px 0}
	to{background-position:0 0}
}
.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}
.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease;background-image:none;}
.progress-bar-striped,.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;background-size:40px 40px}
.progress-bar.active,.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}
.progress-bar-success{background-color:#5cb85c}
.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}
.progress-bar-info{background-color:#5bc0de}
.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}
.progress-bar-warning{background-color:#f0ad4e}
.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}
.progress-bar-danger{background-color:#d9534f}
.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}

.mini-progress p.name {margin-bottom:5px;}
.mini-progress .progress {background-color:#e6e6e6;box-shadow:none;height:6px;overflow:inherit;margin-bottom:10px;position:relative;}
.mini-progress .progress .progress-bar {box-shadow:none;border-radius:3px;position:relative;}
.mini-progress .progress .progress-bar span.value {position:absolute;top:-25px;color:#7d7d7d;right:0;-webkit-animation:pValue 3s ease-in-out;-moz-animation:pValue 3s ease-in-out;animation:pValue 3s ease-in-out;font-weight:400;} 
.mini-progress .progress .progress-bar.animated-ease-in-out {-webkit-transition:width 3s ease-in-out;-moz-transition:width 3s ease-in-out;-ms-transition:width 3s ease-in-out;-o-transition:width 3s ease-in-out;} 
@keyframes pValue {
	0%   {opacity:0}
	80%  {opacity:0}  
	100% {opacity:1}
}

@-webkit-keyframes pValue {
	0%   {opacity:0}
	80%  {opacity:0}  
	100% {opacity:1}
}

.mini-progress.left-info {position:relative;}
.mini-progress.left-info .progress,.mini-progress.left-info p.name  {margin-left:70px;}
.mini-progress.left-info .progress {position:inherit;margin-bottom:30px;} 
.mini-progress.left-info p.name {font-weight:400;} 
.mini-progress.left-info .progress-bar span.value {font-size:30px;position:absolute;right:auto;top:-15px;left:-70px !important;opacity:1 !important;font-weight:100;} 
/*color*/
.progress-bar:after{content:'';position:absolute;left:0;right:0;top:0;bottom:0;border-radius:4px;}
.progress-color:after{background-color:rgba(255,255,255,0.3)}
.progress-color-2:after{}
.progress-color-3:after {background-color:rgba(0,0,0,0.35)}
.progress-blue {background-color:#4796fe;} 
/* ============= Timeline ============= */
.timeline {position:relative;width:100%;margin:20px auto 0;padding:1em 0;list-style-type:none; font-size:1.05em;z-index:1;}
.timeline:before {position:absolute;left:50%;top:0;content:' ';display:block;width:1px;height:100%;opacity:.2;margin-left:-3px;background:rgb(80,80,80);background:-moz-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(80,80,80,1)), color-stop(100%,rgba(80,80,80,1)));background:-webkit-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);background:-o-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);background:-ms-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);background:linear-gradient(to bottom, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);}
.timeline li {padding:1em 0;}
.timeline li:after {content:"";display:block;height:0;clear:both;visibility:hidden;}
.direction-l {position:relative;width:48%;float:left;text-align:right; z-index:10}
.direction-r {position:relative;width:48%;float:right;}
.flag-wrapper {position:relative;display:inline-block; text-align:center;}
.flag {position:relative;display:inline;background:#eee;padding:6px 10px;border-radius:5px;font-weight:700;text-align:left;display:block; letter-spacing:0}
.direction-l .flag:before,.direction-r .flag:before {position:absolute;top:50%;content:' ';display:block;width:12px;height:12px;margin-top:-6px;background:#fff;border-radius:10px;border:4px solid;z-index:10;}
.direction-l .flag:before{right:0;margin-right:-21px;}
.direction-r .flag:before {left:0;margin-left:-25px;}
.direction-l .flag:after {content:"";position:absolute;left:100%;top:50%;height:0;width:0;margin-top:-5px;border:solid transparent;border-left-color:#eee;border-width:5px;pointer-events:none;}
.direction-r .flag:after {content:"";position:absolute;right:100%;top:50%;height:0;width:0;margin-top:-5px;border:solid transparent;border-right-color:#eee;border-width:5px;pointer-events:none;}
.time-wrapper {display:inline;line-height:1em;vertical-align:middle;}
.direction-l .time-wrapper {float:right;}
.direction-r .time-wrapper {float:left;}
.time {display:inline-block;padding:6px 3px; opacity:.5}
.desc {margin:1em 0 0 0;line-height:1.5em;}
.direction-r .desc {margin:1em 0 0 0;}
/* ================ Timeline Media Queries ================ */
@media screen and (max-width:660px) {
	.timeline {width:100%;padding:4em 0 1em 0;}
	.timeline li {padding:2em 0;}
	.direction-l,.direction-r {float:none;width:100%;text-align:center;}
	.flag-wrapper {text-align:center;}
	.direction-l .flag:before,.direction-r .flag:before {position:absolute;top:-30px;left:50%;content:' ';display:block;width:12px;height:12px;margin-left:-9px;border-radius:10px;z-index:10;}
	.direction-l .flag:after,.direction-r .flag:after {content:"";position:absolute;left:50%;top:-8px;height:0;width:0;margin-left:-10px;border:solid transparent;border-bottom-color:#eee;border-width:8px;pointer-events:none;}
	.time-wrapper {display:block;position:relative;margin:4px 0 0 0;z-index:14;background:#fff;}
	.direction-l .time-wrapper {float:none;}
	.direction-r .time-wrapper {float:none;}
	.desc {position:relative;margin:1em 0 0 0;padding:1em;background:rgb(245,245,245);z-index:15;}
	.direction-l .desc,.direction-r .desc {position:relative;margin:1em 1em 0 1em;padding:1em;z-index:15;}
}
@media screen and (min-width:400px ?? max-width:660px) {
	.direction-l .desc,.direction-r .desc {margin:1em 4em 0 4em;}
}
/*사업영역*/
.biz-list {background:#f5f5f5;padding:15px 20px;}
.biz-list li  {margin:10px 0;font-size:1.05em}
.biz-list li span {font-weight: 700;}

.business .text-heading{margin-top:0}
.business .title {margin:10px 0;}
.business .text {margin-bottom: 35px;}

.business .grid-gallery li{text-align:center;}
.business .grid-gallery li img{width:auto;height:100%;max-height:100%;}

/* Grid gallery */
.grid-gallery {width:100%;}
/* clear fix */
.grid-gallery:after {content:''; display:block; clear:both;}
/* ---- .grid-gallery > li ---- */
.grid-gallery li {float:left; width:125px; padding:0 5px 5px 0; transition:all ease-in-out .8s; transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;}
.grid-gallery li .pthumb {border-radius:3px;}
.grid-gallery li .pthumb .mask i {top:-20%;left:50%;margin:-20px 0 0 -20px;width:40px;height:40px;line-height:40px;}
.grid-gallery li .pthumb .mask:hover i {top:50%;}
.grid-gallery li img {float:left;}
.grid-gallery li > * {margin:0; padding:0;}
.grid-gallery li.large {width:250px;}
/* 5 column */
.grid-gallery.five-col li {width:20%;}
.grid-gallery.five-col li.large {width:40%;}
/* 4 column */
.grid-gallery.four-col li {width:25%;}
.grid-gallery.four-col li.large {width:50%;}
/* Slide wwith content */
.single-gallery.content-slide li {position:relative;}
.single-gallery.content-slide .slide-desc {position:absolute;bottom:20px;left:20px;max-width:50%;background:rgba(0,0,0,.2);padding:20px;color:#fff;}
.single-gallery.content-slide .slide-desc h3 {font-weight:700;color:#fff;text-transform:uppercase;}   
.single-gallery img,#preview li img,#thumb li img {width:100%;display:block;} 
#preview li,#thumb li {margin:5px;overflow:hidden;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;text-align:center;}
#thumb li {background:rgba(0,0,0,0.5);cursor:pointer;transition:all ease-in-out .3s;-moz-transition:all ease-in-out .3s;-ms-transition:all ease-in-out .3s;-webkit-transition:all ease-in-out .3s;opacity:.7;}
#thumb li:hover,#thumb .active li {opacity:1;}
/* portfolio item style */ 
.p-item {width:100%;height:100%;}
.p-item .pthumb {width:100%;height:100%;position:relative;overflow:hidden;padding:0;margin:0;}
.p-item .pthumb h3 {position:absolute;top:50%;height:30px;line-height:30px;margin:-15px 0 0 0;text-transform:uppercase;right:0;display:block;width:100%;text-align:center;color:#FFF;transition:all ease-in-out .4s;-moz-transition:all ease-in-out .4s;-ms-transition:all ease-in-out .4s;-o-transition:all ease-in-out .4s;-webkit-transition:all ease-in-out .4s;transform:scale(3,3);-moz-transform:scale(3,3);-ms-transform:scale(3,3);-o-transform:scale(3,3);-webkit-transform:scale(3,3);opacity:0;text-shadow:3px 3px 3px #000;}
.p-item .pthumb h3 a {color:#fff;} 
.p-item .pthumb:hover h3 {transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);-webkit-transform:scale(1,1);opacity:1;}  
.p-item .pthumb img {width:100%;} 
.p-item .pthumb .mask {width:100%;height:100%;position:absolute;background:rgba(0,0,0,0);z-index:9;transition:all ease-in-out .3s;-moz-transition:all ease-in-out .3s;-ms-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s;-webkit-transition:all ease-in-out .3s;}
.p-item .pthumb:hover .mask {background:rgba(0,0,0,.3);}
.p-item .pthumb .mask .glass {background:rgba(255, 255, 255,.1);width:80%;height:220%;left:-120%;top:-90%;display:inline-block;position:absolute;-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg);transition:all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;-moz-transition:all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;-ms-transition:all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;-o-transition:all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;-webkit-transition:all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;}
.p-item .pthumb:hover .mask .glass {left:-50%;} 
.p-item .pthumb .mask i {width:30px;height:30px;display:inline-block;color:#FFF;font-size:16px;background-color:rgba(255, 255, 255,.1);border:1px solid rgba(255, 255, 255,.2);border-radius:2px;line-height:27px;text-align:center;position:absolute;bottom:-60px;transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;-moz-transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;-ms-transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;-o-transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;-webkit-transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;z-index:10;}
.p-item .pthumb .mask i:hover {background:rgba(0,0,0,0.5);color:#fff;} 
.p-item .pthumb .mask .zoom {right:10px;}
.p-item .pthumb .mask .info {right:65px;}
.p-item .pthumb:hover .mask .zoom {bottom:10px;}
.p-item .pthumb:hover .mask .info {bottom:10px;transition:all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;-moz-transition:all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;-ms-transition:all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;-o-transition:all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;-webkit-transition:all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;}

.p-item .pthumb img {transition:all ease-in-out 1s;-moz-transition:all ease-in-out 1s;-ms-transition:all ease-in-out 1s;-o-transition:all ease-in-out 1s;-webkit-transition:all ease-in-out 1s;position:relative;z-index:8;float:left;}
.p-item .pthumb:hover img {transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);}

.p-item .pthumb:hover .single-gallery img {transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;-webkit-transform:none;}

.p-item .port-meta {width:100%;height:100%;padding:10px;border-top:none;text-align:center;border-radius:0 0 3px 3px;display:block;position:relative;background:#FFF;}
.p-item .port-meta .triangle {position:absolute;top:-10px;left:50%;margin-left:-5px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid white;z-index:99;} 
.p-item .port-meta h3 {margin:0;display:block;padding:5px 0;line-height:20px;font-size:18px;} 
.p-item .port-meta .cat {padding:5px 0;display:inline-block;}
.p-item .port-meta p {display:block;}